<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="format-detection" content="telphone=no, email=no">
    <link rel="stylesheet" href="css/common.css"/>
    <script src="js/resize.js"></script>
    <link rel="stylesheet" href="css/discovery.css"/>
    <title>发现</title>
</head>
<body>
<div class="layoutDisc">
    <div class="discTop">
        <ul class="clearfix">
            <li class="borR borB"><a href="#"><p><img src="images/discovery_4.png" alt=""/>热点活动</p></a></li>
            <li class="borB"><a href="#"><p><img src="images/discovery_5.png" alt=""/>免息券</p></a></li>
            <li class="borR"><a href="#"><p><img src="images/discovery_6.png" alt=""/>代理申请</p></a></li>
            <li class=""><a href="#"><p><img src="images/discovery_7.png" alt=""/>邀请推荐</p></a></li>
        </ul>
    </div>
    <div class="discCont">
        <ul class="clearfix contTit">
            <li class="active">我的会员</li>
            <li>代理排行</li>
        </ul>
        <ul class="contDetail">
            <li>
                <p class="fl">
                    <span>1</span>
                    <!--<img src="images/discovery_1.png" alt=""/>-->
                </p>
                <dl class="borB fl">
                    <dt><img src="images/discovery_8.png" alt=""/></dt>
                    <dd class="detName">Miyin周</dd>
                    <dd class="detLevel">普通会员</dd>
                    <dd class="detCount">6321.00</dd>
                </dl>
            </li>
            <li>
                <p class="fl">
                    <span>2</span>
                    <!--<img src="images/discovery_1.png" alt=""/>-->
                </p>
                <dl class="borB fl">
                    <dt><img src="images/discovery_8.png" alt=""/></dt>
                    <dd class="detName">Miyin周</dd>
                    <dd class="detLevel">普通会员</dd>
                    <dd class="detCount">6321.00</dd>
                </dl>
            </li>
            <li>
                <p class="fl">
                    <span>3</span>
                    <!--<img src="images/discovery_1.png" alt=""/>-->
                </p>
                <dl class="borB fl">
                    <dt><img src="images/discovery_8.png" alt=""/></dt>
                    <dd class="detName">Miyin周</dd>
                    <dd class="detLevel">普通会员</dd>
                    <dd class="detCount">6321.00</dd>
                </dl>
            </li>
            <li>
                <p class="fl">
                    <span>4</span>
                    <!--<img src="images/discovery_1.png" alt=""/>-->
                </p>
                <dl class="borB fl">
                    <dt><img src="images/discovery_8.png" alt=""/></dt>
                    <dd class="detName">Miyin周</dd>
                    <dd class="detLevel">普通会员</dd>
                    <dd class="detCount">6321.00</dd>
                </dl>
            </li>
        </ul>
    </div>
    <div class="lo_centerBot">
        <ul class="clearfix">
            <li class="active">
                <a href="#">
                    <dl>
                        <dt></dt>
                        <dd>钱包</dd>
                    </dl>
                </a>
            </li>
            <li class="">
                <a href="#">
                    <dl>
                        <dt></dt>
                        <dd>提额</dd>
                    </dl>
                </a>
            </li>
            <li class="">
                <a href="#">
                    <dl>
                        <dt></dt>
                        <dd>发现</dd>
                    </dl>
                </a>
            </li>
            <li class="">
                <a href="#">
                    <dl>
                        <dt></dt>
                        <dd>我的</dd>
                    </dl>
                </a>
            </li>
        </ul>
    </div>
</div>
<script src="js/jquery-3.1.0.min.js"></script>
<script>
    $(".contTit li").on("click",function(){
        $(this).addClass("active").siblings("li").removeClass("active");
    })
    $(".lo_centerBot li").on("click",function(){
        $(this).addClass("active");
        $(this).siblings().removeClass("active");
    })
</script>
</body>
</html>